<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/register.css" />
  </head>
  <body>
    <div class="box">
      <header class="head">
        <div class="container">
          <div class="head_l">
            <div class="logo">
              <img
                src="https://p.ssl.qhimg.com/t01a46c936f9a7ffd94.png"
                alt=""
              />
            </div>
            <div class="split"></div>
            <div class="slogan">
              <img
                src="	https://p.ssl.qhimg.com/t01b9e6ac529f79e0ae.png"
                alt=""
              />
            </div>
          </div>
          <div class="head_r">
            <ul>
              <li>
                <a href="https://i.360.cn/findpwd/customerhelper?">帮助中心</a>
              </li>
              <li>
                <a href="https://i.360.cn/complaint?">账号申诉</a>
              </li>
              <li>
                <a href="http://i.360.cn/security/accountguard">账号卫士</a>
              </li>
            </ul>
          </div>
        </div>
      </header>

      <main class="content">
        <form action="">
          <h1>手机号注册</h1>
          <p class="A">
            <input id="tel" type="text" placeholder="手机号" />
            <span class="telErr"></span>
          </p>
          <p class="B">
            <input id="auth" type="text" placeholder="验证码" />
            <button class="changeyzm"></button>
            <i class="change">换一张</i>
            <span class="authErr"></span>
          </p>
          <p class="C">
            <input id="telauth" type="text" placeholder="短信验证码" />
            <span class="telauthbtn">获取验证码</span>
            <span class="telauthErr"></span>
          </p>
          <p class="D">
            <input id="pass" type="text" placeholder="密码" />
            <span class="passErr"></span>
          </p>
          <p class="E">
            <input id="check" type="checkbox" />
            <label for="">阅读并同意</label>
            <a href="">360用户服务条款</a>
            <span>和</span>
            <a href="">360用户隐私政策</a>
            <span class="checkErr"></span>
          </p>

          <button id="btn" disabled>注册</button>
          <p class="F">
            <span> 已经有账号？ </span>
            <a class="login" href="">直接登录</a>
          </p>
        </form>
      </main>

      <footer class="foot">
        <div class="container">
          <p>
            Copyright©2005- <span>2021</span> 360.CN All Rights Reserved
            360安全中心
          </p>
          <p>
            <a href="">
              <img
                src="	https://p.ssl.qhimg.com/t018b891a688f560525.png"
                alt=""
              />
              京ICP证080047号[京ICP备08010314号-6]
            </a>
            <a href="">京公网安备 11000002000006号</a>
          </p>
        </div>
      </footer>
    </div>
    <script src="../js/register.js"></script>
  </body>
</html>
